DOM API
addEventListner()
EventTarget を継承する全てのオブジェクト
window
document
DOM 要素
Audio インスタンス
...
で使用できる汎用メソッド
code:ts
target.addEventListner(
type: string, // イベント名("click", "play", "ended", ...)
listener: EventListenerOrEventListnerObject | null,
options?: boolean | AddEventListenerOptions,
): void
AbortController
非同期処理やイベントリスナーを中断するための仕組みを提供する API
fetch() のキャンセル
addEventListener() のかいじょ
自前の非同期処理に「キャンセル信号」を伝える
...
code:ts
const controller = new AbortController();
fetch("/data.json", { signal: controller.signal })
.then(res => res.json)
.then(data => console.log(data))
.catch(err => {
if (err.name === "AbortError") console.log("REQUEST ABORTED");
});
controller.abort();